<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块标签和分组标签</title>
</head>
<body>
    <header><!-- 用来定义网页的页眉部分 -->
        <center><!-- 将标签内的所有元素都居中排列 -->
            <h1>这是一段演示用文字！</h1>
            <p>说实话，我并不理解这个标签的意义是什么？</p>
        </center>
    </header>
    <article><!-- 用来定义一个独立的网页内容 -->
        <section>
            <p>这是一段演示用文字！</p>
        </section>
        <section>
            <p>这是一段演示用文字！</p>
        </section>
        <p>这是一段演示用文字！</p>
        <p>这是一段演示用文字！</p>
    </article>
    <p>这是一段演示用文字！</p>
    <p>这是一段演示用文字！</p>
    <p>这是一段演示用文字！</p><!-- 也就是说这几个人没有区别，只是标记不同而已 -->
    <nav>通常用来定义网页的导航栏位置</nav>
    <article>
        用来定义一段独立的内容
        <aside>
            用来定义在一段独立的内容中的附属信息部分
        </aside>
    </article>
    <sextion>用来定义独立的节内容，一般避免使用</sextion>
    <footer>用来定义网页的页脚</footer>
    <hgroup><!-- 用来定义标题的集合，通常与<h1>~<h6>标签或者其他的标题标签配合使用 -->
        <figure><!-- 用这个就可以直接开头空格 -->
            用来定义一个独立的流内容，内部的元素一般与主体有关
            <figcaption>
                作为独立的流内容的标题，一般作为内容的第一个元素或者是最后一个元素
            </figcaption>
        </figure>
    </hgroup>
    <article>
        <h1>这是h1</h1>
        <h2>这是h2</h2>
        <h3>这是h3</h3>
        <h4>这是h4</h4>
        <h5>这是h5</h5>
        <h6>这是h6</h6>
    </article>
</body>
</html>